<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.son1,.son2,.son3{
				width:100px;
			height: 100px;
			margin: 5px;
			/*display: inline-block;/*将块级元素转化为行内元素*/
			border: 1px dashed black;
			/*float: left;*/
			/*position: absolute;/*** 三个框重叠了*/
			
			                    
			}
			.son1{
				background-color: greenyellow;
			}
			.son2{
				background-color: #1DFa2F;
			}
			.son3{
				background-color: greenyellow;
			}
			
		</style>
	</head>
	<body>
		<div class="son1">框1</div>
		<div class="son2">框2</div>
		<div class="son3">框3</div>
	</body>
</html>
